<template>
  <svg width="30" height="50" xmlns="http://www.w3.org/2000/svg">
    <!-- Cursive 'News' Text -->
    <text x="2" y="20" font-family="cursive" font-size="12" fill="url(#gradient)">News</text>
    <!-- Wavy line below the text -->
    <path d="M2 25 Q 15 35, 28 25" stroke="#20B2AA" fill="transparent" stroke-width="1.5" />

    <!-- Gradient Definition -->
    <defs>
      <linearGradient id="gradient" x1="0" y1="0" x2="1" y2="1">
        <stop offset="0%" stop-color="#FF4500" />
        <stop offset="100%" stop-color="#9400D3" />
      </linearGradient>
    </defs>
  </svg>
</template>
